<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="stylesheets/mui.css" rel="stylesheet" />
		<style>
			.img1{
				width: 170px;
				height: 135px;
				border-radius: 15px 0 0 15px;
			}
			p{
				line-height: 25px;
				padding-top: 10px;
				padding-left: 10px;
				font-size: 15px;
				color: #000000;
			}
			span{
				padding-left: 10px;
				}
			#img2{
				padding-left: 50px;
			}
			.mui-content{
				background-color: white;
			}
			tr{
				display: block;
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">
			<table border="0px" cellspacing="" cellpadding="">
				<tr>
					<th><img src="images/1.jpg" class="img1"></th>
					<td>
						<span>瘦身秘诀</span>
						<p>只要跟着我学首先你要...然后...每天坚持...你叫可以拥有完美的身材...<img src="images/like.png" id="img2">1000</p>
					</td>
				</tr>
				<tr>
					<th><img src="images/1.jpg" class="img1"></th>
					<td>
						<span>科学健身</span>
						<p>只要跟着我学首先你要...然后...每天坚持...你叫可以拥有完美的身材...<img src="images/like.png" id="img2">985</p>
					</td>
				</tr>
				<tr>
					<th><img src="images/1.jpg" class="img1"></th>
					<td>
						<span>科学饮食</span>
						<p>只要跟着我学首先你要...然后...每天坚持...你叫可以拥有完美的身材...<img src="images/like.png" id="img2">436</p>
					</td>
				</tr>
				<tr>
					<th><img src="images/1.jpg" class="img1"></th>
					<td>
						<span>瘦身秘诀</span>
						<p>只要跟着我学首先你要...然后...每天坚持...你叫可以拥有完美的身材...<img src="images/like.png" id="img2">1000</p>
					</td>
				</tr>
				<tr>
					<th><img src="images/1.jpg" class="img1"></th>
					<td>
						<span>瘦身秘诀</span>
						<p>只要跟着我学首先你要...然后...每天坚持...你叫可以拥有完美的身材...<img src="images/like.png" id="img2">1000</p>
					</td>
				</tr>
			</table>
		</div>
		<script src="javascripts/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
